<template>
  <div>
      <div class="recommend-title">
         周末去哪儿
      </div>
      <ul>
         <li class="item border-bottom" v-for="item of weekendList">
            <div class="item-img-wrapper">
               <img class="item-img" :src="item.imgUrl" alt="">
            </div>

            <div class="item-info">
                <p class="item-title">{{item.title}}</p>
                <p class="item-desc">{{item.desc}}</p>

            </div>
         </li>
      </ul>
  </div>
</template>

<script>
export default {
  name:"HomeWeekend",
  props:{
    weekendList:Array
  },
  data () {
    return {
      // itemList:[
      //   {
      //     id:1,
      //     imgUrl:"//m.360buyimg.com/babel/s1440x422_jfs/t27889/232/405449916/112521/63eb0e31/5b91fa71Nb01d66b8.jpg!q70.dpg",
      //     title:"大连海洋公园",
      //     desc:"快来玩啊，很好玩的哈哈哈哈啊哈哈哈哈哈"
      //   },
      //   {
      //     id:1,
      //     imgUrl:"//m.360buyimg.com/babel/s1440x422_jfs/t27889/232/405449916/112521/63eb0e31/5b91fa71Nb01d66b8.jpg!q70.dpg",
      //     title:"大连海洋公园",
      //     desc:"快来玩啊，很好玩的哈哈哈哈啊哈哈哈哈哈"
      //   },
      //   {
      //     id:1,
      //     imgUrl:"//m.360buyimg.com/babel/s1440x422_jfs/t27889/232/405449916/112521/63eb0e31/5b91fa71Nb01d66b8.jpg!q70.dpg",
      //     title:"大连海洋公园",
      //     desc:"快来玩啊，很好玩的哈哈哈哈啊哈哈哈哈哈"
      //   }

      // ]
    }
  }
}
</script>

<style lang="stylus" scoped>
 @import '~styles/mixins.styl';

.recommend-title

    line-height :.8rem
    background:#eee
    text-indent:.2rem

.item-img-wrapper
    overflow :hidden
    height :0
    padding-bottom : 37.09%

.item-img
    width :100%

.item-info
   padding :.1rem
  .item-title
      line-height :.54rem
      font-size :.32rem
      ellipsis()
  .item-desc
      line-height:.4rem
      color:#ccc
      ellipsis()

</style>


